body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-family: RobotoDraft, Roboto, sans-serif;
	height: 100%;
	margin: 0;
	position: absolute;
	width: 100%;
}
ul {
	padding-left: 0;
}
.qrcode {
	background-color: #FF4081;
	border-radius: 50%;
	box-shadow: 0px 0px 8px 4px #9E9E9E;
	cursor: pointer;
	position: fixed;
	transition-property: background-color, height, right, bottom, width;
	transition-duration: .5s;
	z-index: 1;
}
.qrcode img {
	margin: 25%;
	transition-property: opacity;
	transition-duration: .5s;
}
.qrcode.expanded {
	background-color: #FF80AB;
	box-shadow: 0px 0px 0px 0px #9E9E9E;
}
.container {
	color: #3F51B5;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: auto;
	flex: auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow: auto;
	text-align: center;
}
